<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Client APP Demo</title>
<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/fetch/2.0.3/fetch.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("#pre-login-btn").click(function() {
			$("#pre-login-form").submit();
		});
	});
</script>

</head>
<body>
	<div class="navbar navbar-default">
		<div class="container ">
			<p class="navbar-text">Client APP Demo</p>
		</div>
	</div>
	<div class="container ">
		<div class="row">
			<div class="col-md-9">
				<div class="list-group">
				</div>
				<div class="list-group">
					<div class="list-group-item">
						<form class="form-horizontal" name="pre-login-form"
							action="/create/oplogin" method="post">
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">client_id</label>
								<div class="col-md-4">
									<input name="client_id" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">client_secret</label>
								<div class="col-md-4">
									<input name="client_secret" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">tenant_id</label>
								<div class="col-md-4">
									<input name="tenant_id" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">redirect_uri</label>
								<div class="col-md-4">
									<input name="redirect_uri" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">user_type</label>
								<div class="col-md-4">
									<input name="user_type" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="client_id">view_format</label>
								<div class="col-md-4">
									<input name="view_format" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="open_login_uri">Opan
									API 登录基地址</label>
								<div class="col-md-4">
									<input name="open_login_uri" type="text" placeholder=""
										class="form-control input-md" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-4 control-label" for="pre-login-btn"></label>
								<div class="col-md-8">
									<input id="pre-login-btn" name="pre-login-btn" type="submit"
										class="btn btn-default" value="创建Open API 登录URL"></input>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="col-md-3"></div>
		</div>
	</div>
	<footer class="footer"></footer>
</body>
</html>
